@charset "utf-8";
.nav-tab{
	margin:0 9px
}

.nav-tab-con{
	padding:9px 0;
	height:31px;
	overflow:hidden;
	width:100%;
	display:table
}

.nav-tab div{
	width:33%;
	display:table-cell;
	vertical-align:top
}

.nav-tab a{
	margin:4px 0 0;
	height:29px;
	border:1px solid #ffa800;
	border-left:none;
	line-height:27px;
	display:block;
	text-align:center;
	background-color:#fff;
	color:#ffa800
}

.nav-tab a.on{
	background-color:#ffa800;
	color:#fff
}

.nav-tab a.first{
	border-radius:3px 0 0 3px;
	border-left:1px solid #ffa800
}

.nav-tab a.last{
	border-radius:0 3px 3px 0
}

.citys{
	padding-left:5px
}

.citys ul{
	width:100%
}

.citys li{
	float:left;
	width:33%
}

.citys li img{
	width:96%
}

.citys li p{
	text-align:center;
	height:28px;
	white-space:nowrap;
	overflow:hidden
}

.citys li p a{
	display:block;
	height:25px;
	padding-top:3px;
	font-size:14px;
	color:#666
}

.article{
	clear:both;
	border-bottom:1px solid #f1f1f1;
	padding:8px 5px 4px 8px;
	position:relative
}

.article:hover{
	background-color:#f1f1f1
}

.article i{
	width:20px;
	height:20px;
	padding-top:8px;
	display:block;
	background:url(../image/post_i.png) no-repeat;
	background-size:25px 80px;
	position:absolute;
	top:7px;
	left:10px;
	font-size:9px;
	color:#fff;
	font-style:normal;
	text-align:center
}

.article i.bz{
	background-position:0 -40px
}

.article i.jh{
	background-position:0 0
}

.article dl{
	width:100%;
	display:table
}

.article dl:after{
	content:'\20';
	clear:both;
	display:block
}

.article dt{
	width:115px;
	display:table-cell;
	height:70px;
	overflow:hidden;
	background:url(../image/listbg6.png) 0 0 no-repeat;
	background-size:106px 70px
}

.article dd{
	display:table-cell;
	vertical-align:top;
	margin-left:115px;
	height:70px;
	overflow:hidden
}

.article dd h2{
	font-size:15px;
	color:#1a1a1a;
	height:26px;
	font-weight:normal
}

.article dd h2.nowrap{
	white-space:nowrap
}

.article dd .summary{
	font-size:12px;
	line-height:1.6em;
	color:#666
}

.article dd .post-info{
	display:table;
	width:100%;
	padding-top:20px
}

.article dd .post-info .author{
	display:table-cell;
	width:24px;
	vertical-align:bottom
}

.article dd .info{
	display:table-cell;
	vertical-align:top;
	padding-top:5px;
	color:#666;
	line-height:15px;
	font-size:12px
}

.article dd .info .reply{
	background:url(../image/iconbg3.png) 0 -47px no-repeat;
	background-size:34px 390px;
	padding-left:15px;
	margin-right:10px
}

.article dd .info .view{
	background:url(../image/iconbg3.png) 0 -72px no-repeat;
	background-size:34px 390px;
	padding-left:15px
}

.user-list{
	margin:9px 10px 0;
	padding-top:10px
}

.user-list dl{
	clear:both;
	padding:10px 0 5px;
	display:table;
	border-bottom:1px solid #d8d8d8;
	width:100%
}

.user-list dt{
	width:56px;
	display:table-cell;
	vertical-align:top
}

.user-list dd{
	display:table-cell;
	padding-right:25px;
	vertical-align:top;
	background:url(../image/iconbg3.png) right -185px no-repeat;
	background-size:34px 390px
}

.user-list dd .name{
	font-size:13px;
	color:#ffa800
}

.user-list dd .status{
	font-size:12px;
	color:#525252;
	line-height:1.4em
}

.loading{
	padding:15px;
	text-align:center;
	font-size:14px;
	line-height:24px;
	color:#ccc
}

.loading b{
	display:inline-block;
	width:22px;
	height:24px;
	background:url(../image/loading2.png) no-repeat;
	margin-right:6px;
	background-size:22px 24px;
	overflow:hidden;
	vertical-align:middle;
	-webkit-animation-name:loading;
	-webkit-animation-duration:.8s;
	-webkit-animation-timing-function:.2s;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:normal
}

@-webkit-keyframes loading{
	from{
		-webkit-transform:rotate(0deg)
	}

	to{
		-webkit-transform:rotate(360deg)
	}

}
